Sin box-sizing

Este div es más pequeño (ancho: 300px, alto: 100px).

Este div es más grande (también tiene 300px de ancho y 100px de alto).

Con box-sizing

¡Ambos divs ahora tienen el mismo tamaño!

¡Genial!







Consejo: Intenta quitar la propiedad box-sizing del archivo CSS y observa qué ocurre. Notarás que el ancho de los campos de entrada, el área de texto y el botón se extienden fuera de la pantalla.